<%--
  Created by IntelliJ IDEA.
  User: troy
  Date: 2016/9/27
  Time: 17:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<html>
<head>
    <title>调度任务列表</title>
    <jsp:include page="../common/common_head.jsp"/>
</head>
<body>


<div class="container-fluid" style="padding-top: 10px;">

    <div class="panel panel-primary">
        <%--<div class="panel panel-default">--%>
        <div class="panel-heading">
            <h3 class="panel-title">调度任务列表</h3>
        </div>
        <div class="panel-body" style="padding-bottom: 0px;">
            <form class="form-horizontal" style="margin-bottom: 0">

                <div class="row">
                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-sm-2 control-label " for="taskName">名称</label>
                            <div class="col-sm-10">
                                <input id="taskName" class="form-control" placeholder="task name"/>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-sm-2 control-label " for="webServiceUrl">地址</label>
                            <div class="col-sm-10">
                                <input id="webServiceUrl" class="form-control" placeholder="web service url"/>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-sm-2 control-label " for="tableName">参数</label>
                            <div class="col-sm-10">
                                <input id="" class="form-control" placeholder="parameter"/>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-sm-2 control-label " for="tableName">ID</label>
                            <div class="col-sm-10">
                                <input id="" class="form-control" placeholder="ID"/>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-sm-2 control-label " for="tableName">状态</label>
                            <div class="col-sm-10">
                                <select id="" class="form-control">
                                    <option value="">选择</option>
                                    <option value="WAIT">等待</option>
                                    <option value="RUN">运行</option>
                                    <option value="END">结束</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-sm-2 control-label " for="tableName">启用</label>
                            <div class="col-sm-10">
                                <select id="" class="form-control">
                                    <option value="">选择</option>
                                    <option value="WAIT">等待</option>
                                    <option value="RUN">运行</option>
                                    <option value="END">结束</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-sm-2 control-label " for="tableName">周期</label>
                            <div class="col-sm-10">
                                <select id="" class="form-control">
                                    <option value="">选择</option>
                                    <option value="WAIT">等待</option>
                                    <option value="RUN">运行</option>
                                    <option value="END">结束</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-sm-2 control-label " for="tableName">结果</label>
                            <div class="col-sm-10">
                                <select id="" class="form-control">
                                    <option value="">选择</option>
                                    <option value="WAIT">等待</option>
                                    <option value="RUN">运行</option>
                                    <option value="END">结束</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-sm-2 control-label " for="owner">环境</label>
                            <div class="col-sm-10">
                                <input id="owner" class="form-control" placeholder="owner"/>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-sm-2 control-label " for="node">节点</label>
                            <div class="col-sm-10">
                                <input id="node" class="form-control" placeholder="node"/>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-6">
                        <div class="form-group">
                            <div class="col-sm-3">
                                <div class="col-sm-4">
                                    <input type="checkbox" id="" class="form-control"/>
                                </div>
                                <div class="col-sm-8">
                                    <label class="control-label " for="node">自动刷新</label>
                                </div>
                            </div>
                            <div class="col-sm-3 btn-group" role="group">
                                <button type="button" class="btn btn-primary" style="width: 130px;" id=""> 查询</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <ul class="list-group">
            <div class="list-group-item">
                <button type="button" class="btn btn-success" id="">立即运行</button>
                <button type="button" class="btn btn-warning" id="">启/停用</button>
                <button type="button" class="btn btn-danger" id="">中断</button>
                <button type="button" class="btn btn-primary" id="">新增</button>
                <button type="button" class="btn btn-info" id="">复制</button>
                <button type="button" class="btn btn-info" id="">批量更新</button>
                <button type="button" class="btn btn-danger" id="">删除</button>
                <button type="button" class="btn btn-info" id="">导出</button>
                <div class="col-xs-5 form-group pull-right">
                    <div class="input-group">
                        <div class="input-group-addon">导入</div>
                        <input id="input-4" type="file" multiple class="file form-control" data-show-preview="false">
                        <script>
                            $("#input-4").fileinput({
                                showRemove: false
                            });
                        </script>
                    </div>
                </div>
            </div>
        </ul>

        <table class="table table-bordered table-hover">
            <thead>
            <tr class="bg-primary">
                <th class="text-center">#</th>
                <th class="text-center">ID</th>
                <th class="text-center">名称</th>
                <th class="text-center">状态</th>
                <th class="text-center">启用</th>
                <th class="text-center">周期</th>
                <th class="text-center">下次运行时间</th>
                <th class="text-center">上次运行时间</th>
                <th class="text-center">上次耗时</th>
                <th class="text-center">结果</th>
                <th class="text-center">节点</th>
                <th class="text-center">环境</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td class="text-center" style="width: 21px"><input type="checkbox"/></td>
                <td class="text-center" style="width: 50px">12345</td>
                <td>中华人民共和国中华人民共和国</td>
                <td>@mdo</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
            </tr>
            <tr>
                <td class="text-center" style="width: 21px"><input type="checkbox"/></td>
                <td class="text-center" style="width: 50px">12345</td>
                <td>中华人民共和国中华人民共和国</td>
                <td>@mdo</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
            </tr>
            <tr>
                <td class="text-center" style="width: 21px"><input type="checkbox"/></td>
                <td class="text-center" style="width: 50px">12345</td>
                <td>中华人民共和国中华人民共和国</td>
                <td>@mdo</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
            </tr>
            <tr>
                <td class="text-center" style="width: 21px"><input type="checkbox"/></td>
                <td class="text-center" style="width: 50px">12345</td>
                <td>中华人民共和国中华人民共和国</td>
                <td>@mdo</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
            </tr>
            <tr>
                <td class="text-center" style="width: 21px"><input type="checkbox"/></td>
                <td class="text-center" style="width: 50px">12345</td>
                <td>中华人民共和国中华人民共和国</td>
                <td>@mdo</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
            </tr>
            <tr>
                <td class="text-center" style="width: 21px"><input type="checkbox"/></td>
                <td class="text-center" style="width: 50px">12345</td>
                <td>中华人民共和国中华人民共和国</td>
                <td>@mdo</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
            </tr>
            <tr>
                <td class="text-center" style="width: 21px"><input type="checkbox"/></td>
                <td class="text-center" style="width: 50px">12345</td>
                <td>中华人民共和国中华人民共和国</td>
                <td>@mdo</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
            </tr>
            <tr>
                <td class="text-center" style="width: 21px"><input type="checkbox"/></td>
                <td class="text-center" style="width: 50px">12345</td>
                <td>中华人民共和国中华人民共和国</td>
                <td>@mdo</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
                <td>Otto</td>
            </tr>
            </tbody>
            
        </table>

        <div class="panel-footer">
        	
        	<div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div>
            <!-- <div class="pagination" style="margin: 0px">
                <li><a href="#">&lt;</a></li>
                <li><a href="#">1</a></li>
                <li class="disabled"><a>...</a></li>
                <li><a href="#">11</a></li>
                <li><a href="#">12</a></li>
                <li><a href="#">13</a></li>
                <li><a href="#">14</a></li>
                <li class="active"><a>15</a></li>
                <li class="disabled"><a>...</a></li>
                <li><a href="#">17</a></li>
                <li><a href="#">&gt;</a></li>
            </div>

            <div class="pagination pull-right" style="margin: 0px">
                <li class="disabled"><a>SIZE</a></li>
                <li class="active"><a>10</a></li>
                <li><a href="#">20</a></li>
                <li><a href="#">50</a></li>
                <li><a href="#">100</a></li>
                <li><a href="#">200</a></li>
                <li><a href="#">500</a></li>
                <li><a href="#">1000</a></li>
            </div> -->
        </div>
    </div>


</div>
</body>
</html>
